@charset "utf-8";
*{
	margin: 0;
	padding: 0;
	font-family: "华文彩云";
	font-size: 50px;
}
body{
	background-color: #ff0;
	background: #f00;
	background-image: url(../img/1991833936765e3e6b4e541d21fd973b.png);
	background-repeat: no-repeat;
	background-image: url(../img/1991833936765e3e6b4e541d21fd973b.png) no-repeat;
	background-size: 100% 906%;
}
.plane{
	width: 200px;
	height: 300px;
	border: 1px solid red;
	background: url(../img/feiji.png);
	background-size: 100% 100%;
	position: relative;
	left: 10px;
	top: 800px;
	animation: plane 10s linear infinite;
}
.feiji{
	width: 200px;
	height: 300px;
	border: 1px solid red;
	background-image: url(../feiji2.png);
	background-size: 100% 100%;
	position: relative;
	left: 10px;
	top: -600px;
	animation: feiji 10s linear infinite;
}
@keyframes plane{
	0%{
		left: 10px;
		top: 800px;
	}
	10%{
		left: 180px;
		top: 800px;
	}
	20%{
		left: 300px;
		top: 800px;
	}
	30%{
		left: 380px;
		top: 800px;
	}
	40%{
		left: 500px;
		top: 800px;
	}
	50%{
		left: 580px;
		top: 800px;
	}
	60%{
		left: 700px;
		top: 800px;
	}
	70%{
		left: 780px;
		top: 800px;
	}
	80%{
		left: 900px;
		top:800px;
	}
	90%{
		left: 1200px;
		top: 800px;
	}
	100%{
		left: 1400px;
		top: 800px;
	}
	
	
}
@keyframes feiji{
	0%{
		left: 10px;
		top: -600px;
	}
	10%{
		left: 90px;
		top: -600px;
	}
	20%{
		left: 180px;
		top: -600px;
	}
	30%{
		left: 300px;
		top: -600px;
	}
	40%{
		left: 420px;
		top: -600px;
	}
	50%{
		left: 550px;
		top: -600px;
	}
	60%{
		left: 680px;
		top: -600px;
	}
	70%{
		left: 750px;
		top: -600px;
	}
	80%{
		left: 900px;
		top: -600px;
	}
	90%{
		left: 1200px;
		top: -600px;
	}
	100%{
		left: 1400px;
		top: -600px;
	}
}
.zidanone{
	width: 50px;
	height: 50px;
	border: 1px solid red;
	background-image: url(../img/zidan666.png);
	background-size: 100% 100%;
	position: relative;
	left: 10px;
	top: -600px;
	animation: zidanone 10s linear infinite;
}
@keyframes zidanone{
	0%{
		left: 10px;
		top: -600px;
	}
	10%{
		left: 90px;
		top:-200px;
	}
	20%{
		left: 180px;
		top: -500px;
	}
	30{
		left: 300px;
		top: -400px;
	}
	40%{
		left: 420px;
		top: -580px;
	}
	50%{
		left: 550px;
		top: -500px;
	}
	60%{
		left: 680px;
		top: -450px;
	}
	70%{
		left: 750px;
		top: -360px;
	}
	80%{
		left: 900px;
		top: -500px;
	}
	90%{
		left: 1200px;
		top: -430px;
	}
	100%{
		left: 1400px;
		top: -300px;
	}
}
.zidantwo{
	width: 50px;
	height: 50px;
	border: 1px solid red;
	background-image: url(../img/zidan666.png);
	background-size: 100% 100%;
	position: relative;
	left: 10px;
	top: -250px;
	animation: zidantwo 10s linear infinite;
}
@keyframes zidantwo{
	0%{
		left: 10px;
		top: -250px;
	}
	10%{
		left: 90px;
		top: -600px;
	}
	20%{
		left: 200px;
		top: -500px;
	}
	30%{
		left: 150px;
		top: -300px;
	}
	40%{
		left: 300px;
		top: -220px;
	}
	50%{
		left: 350px;
		top: -400px;
	}
	60%{
		left: 700px;
		top: -200px;
	}
	70%{
		left: 800px;
		top: -500px;
	}
	80%{
		left: 1100px;
		top: -360px;
	}
	90%{
		left: 1400px;
		top: -400px;
	}
	100%{
		left: 1200px;
		top: -600px;
	}
}